<!--r149-->
<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <title>Christmas Program</title>
        
        <!--CSS from app-->
	<link href="app/assets/css/bootstrap-classic.css" rel="stylesheet">
	<link href="app/assets/css/charisma-app.css" rel="stylesheet">
	<link href="app/assets/css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
	<link href='app/assets/css/fullcalendar.css' rel='stylesheet'>
	<link href='app/assets/css/fullcalendar.print.css' rel='stylesheet'  media='print'>
	<link href='app/assets/css/chosen.css' rel='stylesheet'>
	<link href='app/assets/css/uniform.default.css' rel='stylesheet'>
	<link href='app/assets/css/colorbox.css' rel='stylesheet'>
	<link href='app/assets/css/jquery.cleditor.css' rel='stylesheet'>
	<link href='app/assets/css/jquery.noty.css' rel='stylesheet'>
	<link href='app/assets/css/noty_theme_default.css' rel='stylesheet'>
	<link href='app/assets/css/elfinder.min.css' rel='stylesheet'>
	<link href='app/assets/css/elfinder.theme.css' rel='stylesheet'>
	<link href='app/assets/css/jquery.iphone.toggle.css' rel='stylesheet'>
	<link href='app/assets/css/opa-icons.css' rel='stylesheet'>
	<link href='app/assets/css/uploadify.css' rel='stylesheet'>
        
        <!-- Login Specific -->
        <link rel="stylesheet" href="assets/css/styles.css" />
        <link rel="stylesheet" href="assets/css/modal.css" />
        
        <!--[if lt IE 9]>
          <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        
      <!-- JavaScript includes -->
			<script src="assets/js/jquery-1.7.1.min.js"></script>
			<script src="assets/js/script.js"></script>
            <script src="assets/js/formValidate.js"></script>
            
      <!-- The fav icon shown on interet tab -->
			<link rel="shortcut icon" href="app/assets/img/favicon.ico">
		
    </head>
    
    <body>
    
    <div style="text-align: center"><img src="assets/img/sv_logo_christmas.jpg" alt="" /></div>
    <br />
    
    <!-- CHECKS FOR ERRORS AND MESSAGES IN THE LOGIN -->     
<?php

	require_once('auth/session.php');

	// Checks the session to see if any errors exist
		if (isset($_SESSION['ERRMSG_ARR']) && $_SESSION['ERRMSG_ARR']) 
		{ 
		
		    //echo '<ul class="err">'; 
		    foreach ($_SESSION['ERRMSG_ARR'] as $msg){
		    		?> 
		    			<div class="error_div">
							<div class="alert alert-error">
								<button type="button" class="close" data-dismiss="alert">×</button>
											<?php echo $msg; ?>
							</div>
						</div>							
					<?php		    
		    
		    } 
		    
		    unset($_SESSION['ERRMSG_ARR']);
		} 
		
	// Checks the session to see if account was created
		if (isset($_SESSION['ACCT_CREATE_STATUS']) && $_SESSION['ACCT_CREATE_STATUS']) 
		{ 		
	   	 echo '<h4 class="alert_success" style="width: 55%";">'. $_SESSION['ACCT_CREATE_STATUS'] . '</h4>';		    
		    unset($_SESSION['ACCT_CREATE_STATUS']);
		} 
	echo "<br />";
?>

		<div id="formContainer">
			<form id="login" method="post" action="auth/login-exec.php">
				<a href="#" id="flipToRecover" class="flipLink">Forgot?</a>
				<input type="text" name="login" id="loginEmail" value="Username" onfocus="if(this.value == 'Username') {this.value=''}" onblur="if(this.value == ''){this.value ='Username'}" />
				<input type="password" name="password" id="loginPass" value="password_here" onfocus="if(this.value == 'password_here') {this.value=''}" onblur="if(this.value == ''){this.value ='password_here'}" />
				<input type="submit" name="Submit" value="Login" />
			</form>
			<form id="recover" method="post" action="auth/forgotPassword.php">
				<a href="#" id="flipToLogin" class="flipLink">Forgot?</a>
				<input type="text" name="email" id="recoverEmail" value="Email" onfocus="if(this.value == 'Email') {this.value=''}" onblur="if(this.value == ''){this.value ='Email'}"/>
				<input type="submit" name="Submit" value="Recover" />
			</form>	
		</div>


		<div style="text-align: center">
		<br />
			<a href="#createAccount" id="createAccount_pop" >Create New Account</a>
			<br />
			<a href="#" id="flipToLogin" class="flipLink">Forgot Password?</a>			
		</div>
		
		        <!-- popup form -->
        <a href="#x" class="overlay" id="createAccount"></a>

        <div class="popup">
        <form id="createAccount" name="createAccountForm" method="post" action="app/db/createAccountDB.php" onSubmit="validateAccountForm()">		
				<div style="text-align: center">
							<img src="assets/img/sv_logo.jpg" alt="St. Vinent De Paul Society" />
							<h2>Create An Account</h2>
				</div>
							<div>
								  <label for="title">Title</label>
								  <select name="title">
										<option>Select One</option>
										<option value="Mr." >Mr.</option>
										<option value="Mrs." >Mrs.</option>
										<option value="Miss.">Miss.</option>
										<option value="Ms." >Ms.</option>									
										<option value="Dr." >Dr.</option>	
										<option value="Rev." >Rev.</option>									
										<option value="Fr." >Fr.</option>									
								  </select>
							</div>
							<div>
								<label>First Name</label>
								<input type="text" name="firstname">							
							</div>
							
							<div>					
							<label>Last Name</label>
							<input type="text" name="lastname">
							</div>
							
							<div>
							<label>Gender</label>
								<input type="radio" name="gender" id="gender_m" value="male">Male</input>
								<input type="radio" name="gender" id="gender_f" value="female">Female</input>
							</div>
							
							<div>
							<label>Phone Number</label>
								<input type="text" name="phone">
							</div>
							
							<div>
							<label>Email</label>
								<input type="text" name="email">
							</div>
							
							<div>	
							<label>Password</label>
								<input type="password" size="20" name="password">		
							</div>
							
							<div>
							<label>Confirm Password</label>
								<input type="password" size="20" name="confirmPassword">		
                     </div>
							
							<div>       
							<label>Account Type</label>
								<input type="radio" name="acctType" id="acctType1" value="1">Volunteer</input>
								<input type="radio" name="acctType" id="acctType2" value="2">Adoptive User</input>
							</div>
							
						<!-- Create Button-->
						<div>
							<div style="text-align: center">	
								<br />			
								<input type="submit" name="Submit" value="Create" />
							</div>
						</div>
			</form>
		<a class="close_pop" href="#close"></a>
     </div>  
     
     <!-- jQuery -->
	<script src="app/assets/js/jquery-1.7.2.min.js"></script>
	<!-- jQuery UI -->
	<script src="app/assets/js/jquery-ui-1.8.21.custom.min.js"></script>
	<!-- transition / effect library -->
	<script src="app/assets/js/bootstrap-transition.js"></script>
	<!-- alert enhancer library -->
	<script src="app/assets/js/bootstrap-alert.js"></script>
	<!-- modal / dialog library -->
	<script src="app/assets/js/bootstrap-modal.js"></script>
	<!-- custom dropdown library -->
	<script src="app/assets/js/bootstrap-dropdown.js"></script>
	<!-- scrolspy library -->
	<script src="app/assets/js/bootstrap-scrollspy.js"></script>
	<!-- library for creating tabs -->
	<script src="app/assets/js/bootstrap-tab.js"></script>
	<!-- library for advanced tooltip -->
	<script src="app/assets/js/bootstrap-tooltip.js"></script>
	<!-- popover effect library -->
	<script src="app/assets/js/bootstrap-popover.js"></script>
	<!-- button enhancer library -->
	<script src="app/assets/js/bootstrap-button.js"></script>
	<!-- accordion library (optional, not used in demo) -->
	<script src="app/assets/js/bootstrap-collapse.js"></script>
	<!-- carousel slideshow library (optional, not used in demo) -->
	<script src="app/assets/js/bootstrap-carousel.js"></script>
	<!-- autocomplete library -->
	<script src="app/assets/js/bootstrap-typeahead.js"></script>
	<!-- tour library -->
	<script src="app/assets/js/bootstrap-tour.js"></script>
	<!-- library for cookie management -->
	<script src="app/assets/js/jquery.cookie.js"></script>
	<!-- calander plugin -->
	<script src='app/assets/js/fullcalendar.min.js'></script>
	<!-- data table plugin -->
	<script src='app/assets/js/jquery.dataTables.min.js'></script>

	<!-- chart libraries start -->
	<script src="app/assets/js/excanvas.js"></script>
	<script src="app/assets/js/jquery.flot.min.js"></script>
	<script src="app/assets/js/jquery.flot.pie.min.js"></script>
	<script src="app/assets/js/jquery.flot.stack.js"></script>
	<script src="app/assets/js/jquery.flot.resize.min.js"></script>
	<!-- chart libraries end -->

	<!-- select or dropdown enhancer -->
	<script src="app/assets/js/jquery.chosen.min.js"></script>
	<!-- checkbox, radio, and file input styler -->
	<script src="app/assets/js/jquery.uniform.min.js"></script>
	<!-- plugin for gallery image view -->
	<script src="app/assets/js/jquery.colorbox.min.js"></script>
	<!-- rich text editor library -->
	<script src="app/assets/js/jquery.cleditor.min.js"></script>
	<!-- notification plugin -->
	<script src="app/assets/js/jquery.noty.js"></script>
	<!-- file manager library -->
	<script src="app/assets/js/jquery.elfinder.min.js"></script>
	<!-- star rating plugin -->
	<script src="app/assets/js/jquery.raty.min.js"></script>
	<!-- for iOS style toggle switch -->
	<script src="app/assets/js/jquery.iphone.toggle.js"></script>
	<!-- autogrowing textarea plugin -->
	<script src="app/assets/js/jquery.autogrow-textarea.js"></script>
	<!-- multiple file upload plugin -->
	<script src="app/assets/js/jquery.uploadify-3.1.min.js"></script>
	<!-- history.js for cross-browser state change on ajax -->
	<script src="app/assets/js/jquery.history.js"></script>
	<!-- application script for Charisma demo -->
	<script src="app/assets/js/charisma.js"></script> 

    </body>
</html>
